<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<style type="text/css">
			table{
				border: 1px solid black;
			}
			table td{
				border: 1px solid black;
				width: 52px;
			}
		</style>
		<div>你好</div>
		<script type="text/javascript">
			document.write("<table>")
				for(var q=1;q<=9;q++){
					document.write("<tr>")
						for(var w=1;w<=9;w++){
							console.log('q'+q)
							console.log('w'+w)
							document.write("<td>")
							if(q>=w){
								document.write(q+"X"+w+"="+(q*w))
							}
							document.write("</td>")
						}
					document.write("</tr>")
				}
			document.write("</table>")
			
			document.write("<table>")
				for(var e=1;e<=9;e++){
					document.write("<tr>")
						for(var r=9;r>0;r--){
							console.log('e'+e)
							console.log('r'+r)
							document.write("<td>")
							if(r>=e){
								document.write(e+"X"+r+"="+(e*r))
							}
							document.write("</td>")
						}
					document.write("</tr>")
				}
			document.write("</table>")
			
			document.write("<table>")
				for(var a=1;a<=9;a++){
					document.write("<tr>")
						for(var s=9;s>0;s--){
							console.log('a'+a)
							console.log('s'+s)
							document.write("<td>")
							if(a>=s){
								document.write(a+"X"+s+"="+(a*s))
							}	
							document.write("</td>")
						}
					document.write("</tr>")
				}
			document.write("</table>")
			
			document.write("<table>")
				for(var d=9;d>0;d--){
					document.write("<tr>")
						for(var f=9;f>0;f--){
							console.log('d'+d)
							console.log('f'+f)
							document.write("<td>")
							if(d>=f){
								document.write(d+"X"+f+"="+(d*f))
							}
							document.write("</td>")
						}
					document.write("</tr>")
				}
			document.write("</table>")
		</script>
	</body>
</html>
